/* 深色主题变量 - 适配短剧APP风格 */

/* 行为相关颜色 - 调整为金色/紫色主题 */
$uni-color-primary: #FFD600; /* 主色改为金色 */
$uni-color-success: #00C657; /* 成功色 */
$uni-color-warning: #FF8C00; /* 警告色调整为橙色 */
$uni-color-error: #FF3D3D; /* 错误色 */

/* 文字基本颜色 - 适配深色背景 */
$uni-text-color: rgba(255, 255, 255, 0.9); /* 基本色改为白色 */
$uni-text-color-inverse: #000; /* 反色改为黑色 */
$uni-text-color-grey: #AEB2C1; /* 辅助灰色 */
$uni-text-color-placeholder: #888; /* 占位文字颜色 */
$uni-text-color-disable: #555; /* 禁用状态颜色 */

/* 背景颜色 - 深色主题 */
$uni-bg-color: #1a1a1a; /* 背景主色 */
$uni-bg-color-grey: #2a2a2a; /* 辅助背景色 */
$uni-bg-color-hover: rgba(255, 214, 0, 0.1); /* 点击状态颜色 */
$uni-bg-color-mask: rgba(0, 0, 0, 0.7); /* 遮罩颜色加深 */

/* 边框颜色 - 适配深色 */
$uni-border-color: rgba(255, 255, 255, 0.1); /* 边框颜色 */

/* 尺寸变量 - 保持不变 */
$uni-font-size-sm: 24upx;
$uni-font-size-base: 28upx;
$uni-font-size-lg: 32upx;

$uni-img-size-sm: 40upx;
$uni-img-size-base: 52upx;
$uni-img-size-lg: 80upx;

$uni-border-radius-sm: 4upx;
$uni-border-radius-base: 6upx;
$uni-border-radius-lg: 12upx;
$uni-border-radius-circle: 50%;

$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20upx;
$uni-spacing-row-lg: 30upx;

$uni-spacing-col-sm: 8upx;
$uni-spacing-col-base: 16upx;
$uni-spacing-col-lg: 24upx;

$uni-opacity-disabled: 0.3;

/* 文章场景相关 - 适配深色 */
$uni-color-title: #FFD600; /* 标题改为金色 */
$uni-font-size-title: 40upx;
$uni-color-subtitle: #AEB2C1; /* 副标题 */
$uni-font-size-subtitle: 36upx;
$uni-color-paragraph: rgba(255, 255, 255, 0.8); /* 段落文字 */
$uni-font-size-paragraph: 30upx;

/* 页面间距和基础色 */
$page-row-spacing: 30upx;
$page-color-base: #1a1a1a; /* 页面基础背景色 */
$page-color-light: #2a2a2a; /* 浅色背景 */
$base-color: #FFD600; /* 基础色改为金色 */

/* 文字尺寸 - 保持不变 */
$font-sm: 24upx;
$font-base: 28upx;
$font-lg: 32upx;

/* 文字颜色 - 适配深色 */
$font-color-dark: #FFFFFF; /* 深色文字改为白色 */
$font-color-base: rgba(255, 255, 255, 0.8);
$font-color-light: #AEB2C1;
$font-color-disabled: #555;
$font-color-spec: #5E40FF; /* 特殊颜色改为紫色 */

/* 边框颜色 - 适配深色 */
$border-color-dark: rgba(255, 255, 255, 0.15);
$border-color-base: rgba(255, 255, 255, 0.1);
$border-color-light: rgba(255, 255, 255, 0.05);

/* 图片加载中颜色 */
$image-bg-color: #2a2a2a;

/* 深色主题专用变量 */
$dark-bg-primary: #1a1a1a; /* 主背景 */
$dark-bg-secondary: #2a2a2a; /* 次要背景 */
$dark-bg-tertiary: #333; /* 第三背景 */
$dark-border: rgba(255, 255, 255, 0.1); /* 边框 */
$dark-text-primary: #FFFFFF; /* 主文字 */
$dark-text-secondary: #FFD600; /* 次要文字改为金色 */
$dark-accent: #5E40FF; /* 强调色改为紫色 */